<template>
	<view :data-theme="theme" class="content">

		<scroll-view scroll-y="true" class="scrollHeight">

			<u--form labelPosition="left" :model="businessInfo" ref="form" :rules="rules">
				<!-- 经营渠道 -->
				<view class="card">
					<!-- <u-cell-group>
						<u-cell icon="setting-fill" title="经营渠道">

						</u-cell>
						<u-cell size="large" title="线上合作渠道" titleStyle="width:120px"
							v-model="businessInfo.lineCooperation" isLink @click="open1"></u-cell>
						<u-cell size="large" title="线下合作渠道" titleStyle="width:120px"
							v-model="businessInfo.offlineCooperation" isLink :border='false' @click="open2"></u-cell>
					</u-cell-group> -->
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;margin:0 30rpx;padding: 20rpx 0;">
						<view style="flex: 1;">
							<uni-icons type="gear-filled" size="24"></uni-icons>
							经营渠道
						</view>
					</view>
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;justify-content: space-between;padding: 30rpx;">
						<view style="flex: 1;">
							线上合作渠道
						</view>
						<view @click="open1" style="flex: 2;display: flex;justify-content: space-between;">
							<span>{{businessInfo.lineCooperation}}</span>
							<uni-icons type="forward" size="20" color="#97939f"></uni-icons>
						</view>
					</view>
					<view style="display: flex;font-size: 30rpx;justify-content: space-between;padding: 30rpx;">
						<view style="flex: 1;">
							线下合作渠道
						</view>
						<view @click="open2" style="flex: 2;display: flex;justify-content: space-between;">
							<span>{{businessInfo.offlineCooperation}}</span>
							<uni-icons type="forward" size="20" color="#97939f"></uni-icons>
						</view>
					</view>
				</view>

				<!-- 经营水平 -->
				<view class="card">
					<!-- <u-cell-group>
						<u-cell icon="setting-fill" title="经营水平"></u-cell>
						<u-cell-group>
							<u-cell size="large" title="近一年销售额" titleStyle="width:130px" v-model="businessInfo.yearSale"
								isLink @click="open3"></u-cell>
							<u-cell size="large" title="线上业务销售额" titleStyle="width:130px"
								v-model="businessInfo.onlineSale" isLink @click="open4"></u-cell>
							<u-cell size="large" title="线下业务月销售额" titleStyle="width:130px"
								v-model="businessInfo.monthSale" isLink :border='false' @click="open5"></u-cell>
						</u-cell-group>
					</u-cell-group> -->
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;margin:0 30rpx;padding: 20rpx 0;">
						<view style="flex: 1;">
							<uni-icons type="gear-filled" size="24"></uni-icons>
							经营水平
						</view>
					</view>
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;justify-content: space-between;padding: 30rpx;">
						<view>
							近一年销售额
						</view>
						<view @click="open3">
							<span>{{businessInfo.yearSale}}</span>
							<uni-icons type="forward" size="20" color="#97939f"></uni-icons>
						</view>
					</view>
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;justify-content: space-between;padding: 30rpx;">
						<view>
							线上业务销售额
						</view>
						<view @click="open4">
							<span>{{businessInfo.onlineSale}}</span>
							<uni-icons type="forward" size="20" color="#97939f"></uni-icons>
						</view>
					</view>
					<view style="display: flex;font-size: 30rpx;justify-content: space-between;padding: 30rpx;">
						<view>
							线下业务月销售额
						</view>
						<view @click="open5">
							<span>{{businessInfo.monthSale}}</span>
							<uni-icons type="forward" size="20" color="#97939f"></uni-icons>
						</view>
					</view>
				</view>



				<view class="card">
					<!-- 经营能力 -->
					<!-- 	<u-cell-group>
						<u-cell icon="setting-fill" size="large" title="经营能力" value="多个仓库,仅需填写主要仓库"></u-cell>
					</u-cell-group> -->
					<view
						style="display: flex;border-bottom: 1px solid #eaebec;font-size: 30rpx;margin:0 30rpx;padding: 20rpx 0;">
						<view style="flex: 1;">
							<uni-icons type="gear-filled" size="24"></uni-icons>
							经营能力
						</view>
						<view class="">
							多个仓库,仅需填写主要仓库
						</view>
					</view>

					<u-form-item label="是否夜间配送" prop="nightDelivery" borderBottom labelWidth="200"
						style="padding: 0 15px;">
						<!-- <u-radio-group v-model="businessInfo.nightDelivery">
							<u-radio :customStyle="{marginRight: '30px'}" v-for="(item, index) in radiolist1"
								:key="index" :label="item.name" :name="item.disabled">
							</u-radio>
						</u-radio-group> -->
						<radio-group style="display: flex;" v-model="businessInfo.nightDelivery">
							<view style="display: flex;flex-direction: row;margin: 0 20rpx;"
								v-for="(item, index) in radiolist1" :key="index">
								<view>
									<radio :value="item.disabled.toString()"
										:checked="item.disabled === businessInfo.nightDelivery" />
								</view>
								<view style="line-height: 19px;">{{item.name}}</view>
							</view>
						</radio-group>
					</u-form-item>

					<u-form-item label="是否自有仓库" prop="ownDepot" borderBottom labelWidth="200" style="padding: 0 15px;">
						<!-- <u-radio-group v-model="businessInfo.ownDepot">
							<u-radio :customStyle="{marginRight: '30px'}" v-for="(item, index) in radiolist2"
								:key="index" :label="item.name" :name="item.disabled">
							</u-radio>
						</u-radio-group> -->
						<radio-group style="display: flex;" v-model="businessInfo.ownDepot">
							<view style="display: flex;flex-direction: row;margin: 0 20rpx;"
								v-for="(item, index) in radiolist2" :key="index">
								<view>
									<radio :value="item.disabled.toString()"
										:checked="item.disabled === businessInfo.ownDepot" />
								</view>
								<view style="line-height: 19px;">{{item.name}}</view>
							</view>
						</radio-group>
					</u-form-item>


					<u-form-item label="仓库地址" prop="depotAddress" borderBottom labelWidth="150" style="padding: 0 15px;"
						v-show="businessInfo.ownDepot">
						<u--input v-model="businessInfo.depotAddress" disabled disabledColor="#ffffff" placeholder="请选择"
							border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>


					<u-form-item label="是否自有冷库" prop="haveRefrigerator" borderBottom labelWidth="200"
						style="padding: 0 15px;">
						<!-- <u-radio-group v-model="businessInfo.haveRefrigerator">
							<u-radio :customStyle="{marginRight: '30px'}" v-for="(item, index) in radiolist3"
								:key="index" :label="item.name" :name="item.disabled">
							</u-radio>
						</u-radio-group> -->
						<radio-group style="display: flex;" v-model="businessInfo.haveRefrigerator">
							<view style="display: flex;flex-direction: row;margin: 0 20rpx;"
								v-for="(item, index) in radiolist3" :key="index">
								<view>
									<radio :value="item.disabled.toString()"
										:checked="item.disabled === businessInfo.haveRefrigerator" />
								</view>
								<view style="line-height: 19px;">{{item.name}}</view>
							</view>
						</radio-group>
					</u-form-item>


					<u-form-item label="冷库地址" prop="refrigeratorCoordinate" borderBottom labelWidth="150"
						style="padding: 0 15px;" v-show="businessInfo.haveRefrigerator">
						<u--input v-model="businessInfo.refrigeratorCoordinate" disabled disabledColor="#ffffff"
							placeholder="请选择" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>


					<u-form-item label="加工能力" prop="processAbility" borderBottom labelWidth="150" @click="open6"
						style="padding: 0 15px;">
						<u--input v-model="businessInfo.processAbility" disabled disabledColor="#ffffff"
							placeholder="请选择" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>

					<u-form-item label="加工人数" prop="processPeople" borderBottom labelWidth="150" @click="open7"
						style="padding: 0 15px;"
						v-show="businessInfo.processAbility  !=='无' && businessInfo.processAbility !=='' ">
						<u--input v-model=" businessInfo.processPeople" disabled disabledColor="#ffffff"
							placeholder="请选择" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>

					<u-form-item style="padding: 0 15px;" label="自有车辆数量" prop="ownCar" borderBottom labelWidth="150"
						@click="open8">
						<u--input v-model="businessInfo.ownCar" disabled disabledColor="#ffffff" placeholder="请选择"
							border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>

					<u-form-item style="padding: 0 15px;margin-bottom: 60px;" label="车辆装载空间" prop="carSpace"
						borderBottom labelWidth="150" @click="open9"
						v-show="businessInfo.ownCar  !=='无' && businessInfo.ownCar !=='' ">
						<u--input v-model=" businessInfo.carSpace" disabled disabledColor="#ffffff" placeholder="请选择"
							border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</view>
			</u--form>



			<!-- 选择线上的合作渠道 -->
			<view>
				<!-- <u-popup :show="show" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">线上合作渠道</text>
						<view class="u-page__checkbox-item">
							<!-- <u-checkbox-group @change="checkboxChange" :value="lineCooperationArr" :borderBottom="true"
								placement="column" iconPlacement="right">
								<u-checkbox shape="circle" :customStyle="{marginBottom: '16px'}"
									v-for="(ele, index) in checkboxList" :key="index" :label="ele.name" :name="ele.name"
									:disabled="ele.disabled" @change="click(ele)">
								</u-checkbox>
							</u-checkbox-group> -->
							<checkbox-group class="checke_list" @change="checkboxChange">
								<label class="uni-list-cell uni-list-cell-pd checke_item"
									v-for="(ele, index) in checkboxList" :key="index">
									<view class="item_top"
										style="margin-bottom: 32rpx;border-bottom: 1px solid #eee;justify-content: space-between;display: flex;padding-bottom: 20rpx;">
										<view class="item_img">
											{{ele.name}}
										</view>
										<checkbox :value="JSON.stringify(ele.name)" :iconColor="bgColor" :disabled="ele.disabled" class="round-checkbox" />
									</view>
								</label>
							</checkbox-group>
							<view style="height: 50px;"></view>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 线下合作渠道 -->
				<!-- <u-popup :show="show2" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show2" @close="close">
					<view class="u-demo-block">
						<!-- <view class="block-list">
							<view>取消</view>
							<text class="u-demo-block__title">线下合作渠道</text>
							<view class="bgColor">确认</view>
						</view> -->
						<text class="u-demo-block__title">线下合作渠道</text>
						<view class="u-page__checkbox-item">
							<!-- <u-checkbox-group @change="checkboxChange2" :value="offlineCooperationArr"
								:borderBottom="true" placement="column" iconPlacement="right">
								<u-checkbox shape="circle" :customStyle="{marginBottom: '16px'}"
									v-for="(ele, index) in checkboxList2" :key="index" :label="ele.name"
									:name="ele.name" :disabled="ele.disabled" @change="click2(ele)">
								</u-checkbox>
							</u-checkbox-group> -->
							<checkbox-group class="checke_list" @change="checkboxChange2">
								<label class="uni-list-cell uni-list-cell-pd checke_item"
									v-for="(ele, index) in checkboxList2" :key="index">
									<view class="item_top"
										style="margin-bottom: 32rpx;border-bottom: 1px solid #eee;justify-content: space-between;display: flex;padding-bottom: 20rpx;">
										<view class="item_img">
											{{ele.name}}
										</view>
										<checkbox :value="JSON.stringify(ele.name)" :iconColor="bgColor" :disabled="ele.disabled" class="round-checkbox" />
									</view>
								</label>
							</checkbox-group>
							<view style="height: 50px;"></view>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 近一年销售额 -->
				<!-- <u-popup :show="show3" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show3" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">近一年销售额</text>
						<view class="u-page__checkbox-item">
							<!-- <u-radio-group placement="column" @change="checkboxChange3" :borderBottom="true"
								iconPlacement="right">
								<u-radio :customStyle="{marginBottom: '16px'}" v-for="(item, index) in checkboxList3"
									:key="index" :label="item.name" :disabled="item.disabled" :name="item.name"
									@change="click3(item)">
								</u-radio>
							</u-radio-group> -->
							<radio-group @change="checkboxChange3">
								<label
									style="display: flex;flex-direction: row;margin: 20rpx;border-bottom: 1px solid #eee;padding: 20rpx 0;"
									v-for="(item, index) in checkboxList3" :key="index">
									<view>
										<radio :value="item.name" :disabled="item.disabled" />
									</view>
									<view style="line-height: 19px;">{{item.name}}</view>
								</label>
							</radio-group>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 线下业务月销售额销售额 -->
				<!-- <u-popup :show="show4" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show4" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">线上业务月销售额销售额</text>
						<view class="u-page__checkbox-item">
							<!-- <u-radio-group placement="column" @change="checkboxChange4" :borderBottom="true"
								iconPlacement="right">
								<u-radio :customStyle="{marginBottom: '16px'}" v-for="(item, index) in checkboxList4"
									:key="index" :label="item.name" :disabled="item.disabled" :name="item.name"
									@change="click4(item)">
								</u-radio>
							</u-radio-group> -->
							<radio-group @change="checkboxChange4">
								<label
									style="display: flex;flex-direction: row;margin: 20rpx;border-bottom: 1px solid #eee;padding: 20rpx 0;"
									v-for="(item, index) in checkboxList4" :key="index">
									<view>
										<radio :value="item.name" :disabled="item.disabled" />
									</view>
									<view style="line-height: 19px;">{{item.name}}</view>
								</label>
							</radio-group>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 线上业务月销售额销售额 -->
				<!-- <u-popup :show="show5" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show5" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">线下业务月销售额销售额</text>
						<view class="u-page__checkbox-item">
							<!-- <u-radio-group placement="column" @change="checkboxChange5" :borderBottom="true"
								iconPlacement="right">
								<u-radio :customStyle="{marginBottom: '16px'}" v-for="(item, index) in checkboxList5"
									:key="index" :label="item.name" :disabled="item.disabled" :name="item.name"
									@change="click5(item)">
								</u-radio>
							</u-radio-group> -->
							<radio-group @change="checkboxChange5">
								<label
									style="display: flex;flex-direction: row;margin: 20rpx;border-bottom: 1px solid #eee;padding: 20rpx 0;"
									v-for="(item, index) in checkboxList5" :key="index">
									<view>
										<radio :value="item.name" :disabled="item.disabled" />
									</view>
									<view style="line-height: 19px;">{{item.name}}</view>
								</label>
							</radio-group>
							<!-- <u-checkbox-group @change="checkboxChange5" :borderBottom="true" placement="column"
							iconPlacement="right">
							<u-checkbox shape="circle" :customStyle="{marginBottom: '16px'}"
								v-for="(ele, index) in checkboxList5" :key="index" :label="ele.name" :name="ele.name"
								:disabled="ele.disabled" @change="click5(ele)">
							</u-checkbox>
						</u-checkbox-group> -->
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 加工能力 -->
				<!-- <u-popup :show="show6" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show6" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">加工能力</text>
						<view class="u-page__checkbox-item">
							<!-- <u-checkbox-group @change="checkboxChange6" :value="processAbilityArr" :borderBottom="true"
								placement="column" iconPlacement="right">
								<u-checkbox shape="circle" :customStyle="{marginBottom: '16px'}"
									v-for="(ele, index) in checkboxList6" :key="index" :label="ele.name"
									:name="ele.name" :disabled="ele.disabled" @change="click6(ele)">
								</u-checkbox>
							</u-checkbox-group> -->
							<checkbox-group class="checke_list" @change="checkboxChange6">
								<label class="uni-list-cell uni-list-cell-pd checke_item"
									v-for="(ele, index) in checkboxList6" :key="index">
									<view class="item_top"
										style="margin-bottom: 32rpx;border-bottom: 1px solid #eee;justify-content: space-between;display: flex;padding-bottom: 20rpx;">
										<view class="item_img">
											{{ele.name}}
										</view>
										<checkbox :value="JSON.stringify(ele.name)" :iconColor="bgColor" :disabled="ele.disabled" class="round-checkbox" />
									</view>
								</label>
							</checkbox-group>
							<view style="height: 50px;"></view>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 加工人数 -->
				<!-- <u-popup :show="show7" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show7" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">加工人数</text>
						<view class="u-page__checkbox-item">
							<!-- <u-radio-group placement="column" @change="checkboxChange7" :borderBottom="true"
								iconPlacement="right">
								<u-radio :customStyle="{marginBottom: '16px'}" v-for="(item, index) in checkboxList7"
									:key="index" :label="item.name" :disabled="item.disabled" :name="item.name"
									@change="click7(item)">
								</u-radio>
							</u-radio-group> -->

							<radio-group @change="checkboxChange7">
								<label
									style="display: flex;flex-direction: row;margin: 20rpx;border-bottom: 1px solid #eee;padding: 20rpx 0;"
									v-for="(item, index) in checkboxList7" :key="index">
									<view>
										<radio :value="item.name" :disabled="item.disabled" />
									</view>
									<view style="line-height: 19px;">{{item.name}}</view>
								</label>
							</radio-group>

						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 自有车辆数量 -->
				<!-- <u-popup :show="show8" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show8" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">自有车辆数量</text>
						<view class="u-page__checkbox-item">

							<!-- <u-radio-group placement="column" @change="checkboxChange8" :borderBottom="true"
								iconPlacement="right">
								<u-radio :customStyle="{marginBottom: '16px'}" v-for="(item, index) in checkboxList8"
									:key="index" :label="item.name" :disabled="item.disabled" :name="item.name"
									@change="click8(item)">
								</u-radio>
							</u-radio-group> -->
							<radio-group @change="checkboxChange8">
								<label
									style="display: flex;flex-direction: row;margin: 20rpx;border-bottom: 1px solid #eee;padding: 20rpx 0;"
									v-for="(item, index) in checkboxList8" :key="index">
									<view>
										<radio :value="item.name" :disabled="item.disabled" />
									</view>
									<view style="line-height: 19px;">{{item.name}}</view>
								</label>
							</radio-group>


						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->
				<!-- 车辆装载空间 -->
				<!-- <u-popup :show="show9" @close="close"> -->
				<tui-drawer mode="bottom" :visible="show9" @close="close">
					<view class="u-demo-block">
						<text class="u-demo-block__title">车辆装载空间</text>
						<view class="u-page__checkbox-item">
							<!-- <u-checkbox-group @change="checkboxChange9" :borderBottom="true" placement="column"
								iconPlacement="right">
								<u-checkbox shape="circle" :customStyle="{marginBottom: '16px'}"
									v-for="(ele, index) in checkboxList9" :key="index" :label="ele.name"
									:name="ele.name" :disabled="ele.disabled" @change="click9(ele)">
								</u-checkbox>
							</u-checkbox-group> -->
							<checkbox-group class="checke_list" @change="checkboxChange9">
								<label class="uni-list-cell uni-list-cell-pd checke_item"
									v-for="(ele, index) in checkboxList9" :key="index">
									<view class="item_top"
										style="margin-bottom: 32rpx;border-bottom: 1px solid #eee;justify-content: space-between;display: flex;padding-bottom: 20rpx;">
										<view class="item_img">
											{{ele.name}}
										</view>
										<checkbox :value="JSON.stringify(ele.name)" :iconColor="bgColor" :disabled="ele.disabled" class="round-checkbox" />
									</view>
								</label>
							</checkbox-group>
							<view style="height: 50px;"></view>
						</view>
					</view>
				</tui-drawer>
				<!-- </u-popup> -->



			</view>
		</scroll-view>



	</view>

</template>

<script>
	import tuiDrawer from '@/components/tui-drawer/index.vue';
	import {
		setThemeColor
	} from '@/utils/setTheme';
	import {
		selectManageInfoApi
	} from '@/api/merchant.js';
	let app = getApp();
	export default {
		name: "mange-info",
		components: {
			tuiDrawer
		},
		data() {
			return {
				bgColor: "#ffffff",
				theme: app.globalData.theme,
				// 经营信息所需要的参数
				businessInfo: {
					lineCooperation: "", //线上主要合作渠道
					offlineCooperation: "", //线下主要合作渠道

					//	===============经营水平================
					yearSale: "", //近一年销售额
					onlineSale: '', //线上业务销售额
					monthSale: "", //线下业务月销售额
					//	===============经营能力================
					nightDelivery: false, //是否夜间配送
					ownDepot: false, //是否自有仓库

					depotAddress: "仓库地址", //仓库地址
					depotCoordinate: "仓库地址经纬度", //仓库地址经纬度


					haveRefrigerator: false, //是否具有冷库
					refrigeratorCoordinate: "冷库地址经纬度", //冷库地址经纬度
					refrigeratorAddress: "冷库地址", //冷库地址
					//	===============加工能力================
					processAbility: "", //加工能力
					processPeople: "", // 加工人数
					//	===============配送能力================
					ownCar: "", //自有车辆数量
					carSpace: "", //车辆装载空间

				},

				// 校验
				rules: {
					lineCooperation: [{
						required: true,
						message: '请选择线上主要合作渠道',
						trigger: ['blur', 'change']
					}],
					offlineCooperation: [{
						required: true,
						message: '线下主要合作渠道',
						trigger: ['blur', 'change']
					}],
					yearSale: [{
						required: true,
						message: '请选择近一年销售额',
						trigger: ['blur', 'change']
					}],
					onlineSale: [{
						required: true,
						message: '请选择线上业务销售额',
						trigger: ['blur', 'change']
					}],
					monthSale: [{
						required: true,
						message: '请选择线下业务月销售额',
						trigger: ['blur', 'change']
					}],




					processAbility: [{
						required: true,
						message: '请选择加工能力',
						trigger: ['blur', 'change']
					}],
					processPeople: [{
						required: true,
						message: '请选择加工人数',
						trigger: ['blur', 'change']
					}],
					ownCar: [{
						required: true,
						message: '请选择自有车辆数量',
						trigger: ['blur', 'change']
					}],


				},

				radiolist1: [{
						name: '是',
						disabled: true
					},
					{
						name: '否',
						disabled: false
					}
				],
				radiolist2: [{
						name: '是',
						disabled: true
					},
					{
						name: '否',
						disabled: false
					}
				],
				radiolist3: [{
						name: '是',
						disabled: true
					},
					{
						name: '否',
						disabled: false
					}
				],




				show: false,
				//横向两端排列形式
				checkboxList: [{
						name: '无合作',
						disabled: false,
						id: 1,
					},
					{
						name: '美菜',
						disabled: false,
						id: 2,
					},
					{
						name: '美团买菜',
						disabled: false,
						id: 3,
					},
					{
						name: '美团优选',
						disabled: false,
						id: 4,
					},
					{
						name: '兴盛优选',
						disabled: false,
						id: 5,
					},
					{
						name: '橙心优选',
						disabled: false,
						id: 6,
					},
					{
						name: '多多买菜',
						disabled: false,
						id: 7,
					},
				],
				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中

				show2: false,

				checkboxList2: [{
						name: '无合作',
						disabled: false,
						id: 0,
					},
					{
						name: '超市/便利店',
						disabled: false,
						id: 1,
					},
					{
						name: '食堂/团餐',
						disabled: false,
						id: 2,
					},
					{
						name: '餐厅',
						disabled: false,
						id: 3,
					},
					{
						name: '其他',
						disabled: false,
						id: 4,
					}
				],

				show3: false,

				checkboxList3: [{
						name: '100万以下',
						disabled: false,
						id: 1,
					},
					{
						name: '100万-499万',
						disabled: false,
						id: 2,
					},
					{
						name: '500万-999万',
						disabled: false,
						id: 3,
					},
					{
						name: '1000万-1999万',
						disabled: false,
						id: 4,
					},
					{
						name: '2000万以上',
						disabled: false,
						id: 5,
					}
				],


				show4: false,

				checkboxList4: [{
						name: '10万以下',
						disabled: false,
						id: 1,
					},
					{
						name: '10万-49万',
						disabled: false,
						id: 2,
					},
					{
						name: '50万-99万',
						disabled: false,
						id: 3,
					},
					{
						name: '100万-199万',
						disabled: false,
						id: 4,
					},
					{
						name: '200万-500万',
						disabled: false,
						id: 5,
					},
					{
						name: '500万以上',
						disabled: false,
						id: 6,
					}
				],

				show5: false,
				checkboxList5: [{
						name: '10万以下',
						disabled: false,
						id: 1,
					},
					{
						name: '10万-49万',
						disabled: false,
						id: 2,
					},
					{
						name: '50万-99万',
						disabled: false,
						id: 3,
					},
					{
						name: '100万-199万',
						disabled: false,
						id: 4,
					},
					{
						name: '200万-500万',
						disabled: false,
						id: 5,
					},
					{
						name: '500万以上',
						disabled: false,
						id: 6,
					}
				],

				//加工能力
				show6: false,
				checkboxList6: [{
						name: '无',
						disabled: false,
						id: 1,
					},
					{
						name: '分拣',
						disabled: false,
						id: 2,
					},
					{
						name: '分割',
						disabled: false,
						id: 3,
					},
					{
						name: '清洗',
						disabled: false,
						id: 4,
					},
					{
						name: '称重',
						disabled: false,
						id: 5,
					}, {
						name: '包装',
						disabled: false,
						id: 6,
					}
				],

				// 加工人数
				show7: false,

				checkboxList7: [{
						name: '无',
						disabled: false,
						id: 0,
					},
					{
						name: '1-5人',
						disabled: false,
						id: 1,
					},
					{
						name: '5-10人',
						disabled: false,
						id: 2,
					},
					{
						name: '10-20人',
						disabled: false,
						id: 3,
					},
					{
						name: '20人以上',
						disabled: false,
						id: 4,
					}
				],
				show8: false,
				checkboxList8: [{
						name: '无',
						disabled: false,
						id: 0,
					},
					{
						name: '1-5辆',
						disabled: false,
						id: 1,
					},
					{
						name: '5辆以上',
						disabled: false,
						id: 2,
					}
				],

				show9: false,
				checkboxList9: [{
						name: '面包车',
						disabled: false,
						id: 1,
					},
					{
						name: '平板车',
						disabled: false,
						id: 2,
					},
					{
						name: '4.2米货车',
						disabled: false,
						id: 3,
					},
					{
						name: '5.2米货车',
						disabled: false,
						id: 4,
					},
					{
						name: '6.8米货车',
						disabled: false,
						id: 5,
					}, {
						name: '7.6米货车',
						disabled: false,
						id: 6,
					}, {
						name: '9.6米货车',
						disabled: false,
						id: 7,
					}, {
						name: '13米货车',
						disabled: false,
						id: 8,
					}
				],
				// 线上主要合作渠道
				lineCooperationArr: [],
				// 线下主要合作渠道
				offlineCooperationArr: [],
				// 加工能力
				processAbilityArr: [],
			};
		},
		async onLoad() {
			this.bgColor = setThemeColor()
			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor: this.bgColor,
			});

		},

		methods: {

			click(ele) {
				console.log(ele)
			},
			click2(ele) {
				console.log(ele)
			},
			click3(ele) {
				console.log(ele)
			},
			click4(ele) {
				console.log("593", ele)
			},
			click5(ele) {
				console.log(ele)
			},
			click6(ele) {
				console.log("ele", ele)
			},
			click7(ele) {
				console.log("ele", ele)
			},
			click8(ele) {
				console.log("ele", ele)
			},
			click9(ele) {
				console.log("ele", ele)
			},
			close() {
				this.show = false;
				this.show2 = false;
				this.show3 = false;
				this.show4 = false;
				this.show5 = false;
				this.show6 = false;
				this.show7 = false;
				this.show8 = false;
				this.show9 = false;
			},
			// 线上合作渠道
			open1() {
				this.show = true;
			},
			checkboxChange(n) {
				let checkboxValue = n.detail.value.map((item) => JSON.parse(item))
				
				let isDisabled = false
				if (checkboxValue.length > 0) {
					if (checkboxValue[0] == '无合作') {
						isDisabled = true
						this.lineCooperationArr = ["无合作"]
						this.businessInfo.lineCooperation = "";
						checkboxValue = ["无合作"]
					}
				}
				this.checkboxList.forEach(item => {
					if (item.name == "无合作") {
						item.disabled = false;
					} else {
						item.disabled = isDisabled;
						item.checked = true;
					}
					this.businessInfo.lineCooperation = checkboxValue.join(',');
				});


			},
			// 线下合作渠道
			open2() {
				this.show2 = true;
			},
			checkboxChange2(n) {
				let checkboxValue = n.detail.value.map((item) => JSON.parse(item))
				
				let isDisabled = false
				if (checkboxValue.length > 0) {
					if (checkboxValue[0] == '无合作') {
						isDisabled = true
						this.offlineCooperationArr = ["无合作"]
						this.businessInfo.offlineCooperation = "";
						checkboxValue = ["无合作"]
					}
				}
				this.checkboxList2.forEach(item => {
					if (item.name == "无合作") {
						item.disabled = false;
					} else {
						item.disabled = isDisabled;
					}
					this.businessInfo.offlineCooperation = checkboxValue.join(',');
				});

			},
			// 近一年销售额
			open3() {
				this.show3 = true;
			},
			checkboxChange3(n) {
				let radioValue = n.detail.value;
				this.businessInfo.yearSale = radioValue
				// this.businessInfo.yearSale = n
			},
			// 线上业务销售额
			open4() {
				this.show4 = true;
			},
			checkboxChange4(n) {
				let radioValue = n.detail.value;
				this.businessInfo.onlineSale = radioValue
				// this.businessInfo.onlineSale = n
			},
			// 线下业务月销售额
			open5() {
				this.show5 = true;
			},
			checkboxChange5(n) {
				let radioValue = n.detail.value;
				this.businessInfo.monthSale = radioValue
			},
			// 加工能力
			open6() {
				this.show6 = true;
			},
			checkboxChange6(n) {
				let checkboxValue = n.detail.value.map((item) => JSON.parse(item))
				
				let isDisabled = false
				if (checkboxValue.length > 0) {
					if (checkboxValue[0] == '无') {
						isDisabled = true
						this.processAbilityArr = ["无"]
						this.businessInfo.processAbility = "";
						checkboxValue = ["无"]
					}
				}
				this.checkboxList6.forEach(item => {
					if (item.name == "无") {
						item.disabled = false;
					} else {
						item.disabled = isDisabled;
					}
					this.businessInfo.processAbility = checkboxValue.join(',');
				});
			},
			// 加工人数
			open7() {
				this.show7 = true;
			},
			checkboxChange7(n) {
				let radioValue = n.detail.value;
				// this.businessInfo.processPeople = n
				this.businessInfo.processPeople = radioValue
			},
			//自有车辆数量
			open8() {
				this.show8 = true;
			},
			checkboxChange8(n) {
				let radioValue = n.detail.value;
				// this.businessInfo.ownCar = n
				this.businessInfo.ownCar = radioValue;
			},
			//车辆装载空间
			open9() {
				this.show9 = true;
			},
			checkboxChange9(n) {
				let checkboxValue = n.detail.value.map((item) => JSON.parse(item))
				this.businessInfo.carSpace = checkboxValue.join(',');
			},

			groupChange(n) {
				console.log('groupChange', n);
			},
			radioChange(n) {
				console.log('radioChange', n);
			},


			// 回显经营信息
			async selectManageInfo(id) {
				try {
					let result = await selectManageInfoApi()
					if (result.code == 200) {
						if (result.data != null) {
							this.businessInfo = result.data
							delete this.businessInfo.applyId
							delete this.businessInfo.id

						}

					}
				} catch (e) {
					//TODO handle the exception
					console.log(e)
				}
			},
		},
	}
</script>

<style lang="scss">
	page {
		height: 100%;
	}

	.content {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.bg_color {
		@include main_bg_color(theme);
	}

	.scrollHeight {
		flex: 1;
		min-height: 300px;
	}

	.card {
		margin: 0 20rpx;
		margin-bottom: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
	}

	.u-demo-block {
		height: 50vh;
		padding: 20px;
	}

	.block-list {
		display: flex;
		justify-content: space-between;
		// align-items: center;
		margin-bottom: 10px;

	}

	.u-demo-block__title {
		font-size: 16px;
		font-weight: bold;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
</style>